<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>机构管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/lib/layuiadmin/style/admin.css" media="all">
    <style>
        html, body {
            height: 100%;
        }

        .layui-fluid {
            height: 96%;
        }

        .layui-row, .layui-col-xs2, .layui-card, .layui-col-xs10 {
            height: 100%;
        }

        p {
            height: 38px;
            line-height: 38px
        }

        .custom-label-width {
            width: 130px;
        }

        .layui-input-block {
            height: 30px;
        }

        #border {
            display: grid;
            grid-template-rows: 5% 95%;
            grid-template-columns: 100%;
        }
    </style>
</head>
<body>
<div class="layui-fluid" id="LAY-component-grid-mobile">
    <div class="layui-row layui-col-space10">
        <div class="layui-col-xs2" style="height: 100%">
            <div class="layui-card" style="height: 100%">
                <div class="layui-card-header">机构分类</div>
                <div class="layui-card-body" style="overflow: auto;height: 92%;padding: 10px;">
                    <ul id="cateTree"></ul>
                </div>
            </div>
        </div>

        <div class="layui-col-xs6" style="height: 100%">
            <div class="layui-card" id="top" style="min-width: 550px; height:49%;">
                    <div class="layui-card-header orgText" style="height:5%"></div>
                    <div id="border" class="border" style="height: 95%">
                        <div class="layui-btn-group" style="text-align: right;margin-right:2%">
                            <a id="upOrgBtn" class="layui-btn layui-btn-sm"> <i class="layui-icon">&#xe619;</i> 上移</a>
                            <a id="downOrgBtn" class="layui-btn layui-btn-sm"> <i class="layui-icon">&#xe61a;</i> 下移</a>
                            <a id="changeBtn" class="layui-btn layui-btn-sm"> <i class="layui-icon">&#xe674;</i>部门切换</a>
                            <a id="addOrgBtn" class="layui-btn layui-btn-sm"> <i class="layui-icon">&#xe654;</i> 增加</a>
                            <a id="editOrgBtn" class="layui-btn layui-btn-sm st_back1" lay-event="edit"><i
                                    class='layui-icon'>&#xe642;</i>编辑</a>
                            <a id="removeOrgBtn" class="layui-btn layui-btn-sm st_back1" lay-event="edit"><i
                                    class='layui-icon'>&#xe640;</i>删除</a>
                            <a id="recoverOrgBtn" class="layui-btn layui-btn-sm st_back1" lay-event="edit"><i
                                    class='layui-icon'>&#xe65c;</i>回收站</a>

                        </div>
                        <div class="layui-form" id="org_tree" style="overflow: auto;">
                            <ul id="orgTree"></ul>
                        </div>
                    </div>
                <script type="text/html" id="barDemo">
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
                </script>
            </div>

            <div id="bottom" class="layui-card" style="height: 49%">
                <div style="height:10%">
                    <div style="float: left" class="layui-card-header orgPartnerText"></div>
                    <div style="float: right; margin-right: 2%;margin-top: 2%">
                        <a id="add" class="layui-btn layui-btn-sm">
                            <i class="layui-icon">&#xe654;</i>
                            增加</a>
                    </div>
                </div>

                <div id="tab" style="width:100%;height:90%;">
                    <div id="table" style="height: 100%">
                        <table class="layui-table" lay-filter="test" id="test"></table>
                    </div>
                </div>
            </div>
        </div>


        <div class="layui-col-xs4" style="height:100%;" id="right">
            <div class="layui-card" style="height: 49%">
                <div class="layui-card-body">
                    <div>
                        <div style="float: left" class="layui-card-header funText"></div>
                        <button style="float: right" class="layui-btn layui-btn-sm" onclick="addLeader()">增加</button>
                    </div>
                    <div style="height:310px;">
                        <table class="layui-table" lay-filter="leader" id="leader"></table>
                    </div>
                    <script type="text/html" id="leaderBar">
                        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon">&#xe640;</i></a>
                        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="up"><i class="layui-icon">&#xe619;</i></a>
                        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="down"><i class="layui-icon">&#xe61a;</i></a>
                    </script>
                </div>
            </div>

            <div class="layui-card" style="height: 49%; overflow:auto;">
                <div class="layui-card-header funText1"></div>
                <form class="layui-form" action="" lay-filter="example">
                    <div class="layui-form-item">
                        <label class="layui-form-label">选择功能</label>
                        <div class="layui-input-block">
                            <div id="functionTree"></div>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
</div>
</body>
<div id="tree" style="display: none;">
    <div class="layui-form">
        <div id="depTree"></div>
    </div>
</div>
<div id="leaderT" style="display: none;">
    <div class="layui-form">
        <div id="leaderTree"></div>
    </div>
</div>
</html>
<script type="text/javascript" src="../../common/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/static/lib/layuiadmin/layui/layui.js"></script>
<script type="text/javascript" src="../../common/common.js"></script>
<script type="text/javascript" src="../../common/listTree.js"></script>
<script type="text/javascript" src="../../common/dataGrid.js"></script>
<script type="text/javascript" src="../../common/utils.js"></script>
<script type="text/javascript" src="orgManage.js"></script>